<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=524063" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">折叠</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">Excel</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">image</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">pdf</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">ppt</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">txt</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">word</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">zip</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">扳手</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">报警警报预警</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">比对碰撞</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">车辆碰撞</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">大楼3</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">大楼1</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">大楼2</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">大脑</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">档案</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">地图尺子</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">地图加油站</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">地图连线1</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">地图连线转移</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">地图石油</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">地图-手指</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">地图组织架构</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">地图组织站点</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">电池电量</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">电话固话</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">电脑</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">毒品危险</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">分屏对比</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">分析评比</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">分享转发</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">服务器</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">服务器主机</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">复制比对</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">公安盾牌</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">管理流转协作</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">轨迹</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">轨迹1</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">红绿灯违章</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">画板主题</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">货币钱袋资金</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">基站信号</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">加载</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">监控控制管理监管</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">大楼建筑</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">警察半身</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">卡口摄像头</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">快递包裹</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">枪支</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">认证徽章</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">入室盗窃</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">社交qq</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">社交钉钉</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">社交飞信</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">社交米聊</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">社交陌陌图标</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">社交微博</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">卡口监控摄像头</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">卡口视频摄像头</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">视频</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">AVI视频文件</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">台式机</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">天平公平研判</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">团队</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">消息-成功</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">消息-警告</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">消息-信息</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">消息-失败</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">协同</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">协同系统</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">新闻报纸</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">研判锤子</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">用户-男</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">用户-女</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">圆形布局</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">云搜系统</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">粘贴</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">站点网站互联网ie</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">账单</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">支付-京东</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">支付-淘宝</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">支付-银联</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">支付-支付宝</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">指纹</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">组织合作协作</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">组织群体</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">婴儿-儿童</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">小偷-逃犯</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">尸体</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">串并</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">关系</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">手掌</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">DNA</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">合成作战</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">区域地图</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">签字审核</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">团伙群体</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">合作握手</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">案件档案</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">精确搜索查询</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">受害遇害</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">资料身份证档案</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">rss</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">USB</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">wifi</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">巴士车</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">靶心</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">百分号</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">扳手</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">编号列表</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">便签</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">标签组</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">表格</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">表格2</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">表格3</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">饼图</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">播放2</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">博士帽</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">裁剪</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">餐具</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">插入符-上</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">插入符-下</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">插入符-右</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">插入符-左</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">插头</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">查询-</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">查询+</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">差评2</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">乘号</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">齿轮设置</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">齿轮组</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">臭虫bug</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">出租车</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">传真</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">床</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">槌子</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">打印</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">大学</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">代码-分支</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">单角符-上</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">单角符-下</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">单角符-右</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">单角符-左</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">弹出</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">档案</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">登录</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">滴管</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">地球</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">地铁</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">地图-图钉</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">地图-指示牌</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">电灯</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">电视-显示器</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">电影</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">电源-关</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">对号</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">盾牌</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">儿童</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">方向</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">方形</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">方形2</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">飞机</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">服务器</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">复选框</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">公路</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">公文包</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">功能</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">过滤器</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">好评2</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">后退</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">后退2</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">滑块</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">徽章</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">回复</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">回复-全部</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">火车</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">火箭</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">急救箱</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">加号</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">加号2</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">加号3</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">加载</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">驾照</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">减号</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">减号2</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">减号3</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">剪切板</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">建筑</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">键盘</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">箭头-上下</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">箭头-拖动</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">箭头-左右</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">奖杯</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">降级</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">交换</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">街景</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">解锁2</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">禁止</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">井号</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">救护车</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">救生圈</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">咖啡</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">卡车</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">快进</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">快退</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">扩音器</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">垃圾桶2</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">蓝牙</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">礼物</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">历史记录</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">立方体</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">立方体组</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">链接-断开</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">列</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">列表2</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">列表3</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">铃声</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">铃声-静音</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">轮船</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">螺栓</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">麦克风</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">麦克风-静音</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">地图锚</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">名片</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">魔术棒</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">男士</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">男性</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">匿名用户</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">女士</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">女性</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">排序-降序</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">排序-升序</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">排序-数量降序</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">排序-数量升序</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">票</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">平板电脑</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">评论2</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">评论组</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">评论组2</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">旗帜</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">铅笔</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">前进</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">前进2</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">人民币</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">人字形-上</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">人字形-下</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">人字形-右</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">人字形-左</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">任务</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">日历2</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">烧瓶</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">摄像机</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">升级</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">时钟</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">收件箱</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">收起</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">手提包</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">手提箱</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">书籍</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">书签</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">鼠标指针</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">数据库</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">双角符-上</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">双角符-下</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">双角符-右</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">双角符-左</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">随机</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">缩进-减</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">锁定</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">叹号</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">叹号2</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">填色</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">条形码</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">调整</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">听诊器</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">停止</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">停止2</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">通讯录</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">图表</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">图钉</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">微芯片</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">文件夹-打开</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">文件-文本</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">文件组</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">问号</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">线图</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">相机</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">相机-旧式</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">项目列表</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">小汽车</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">心形</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">信封</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">信封2</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">信号</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">信息</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">信用卡</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">信用卡2</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">星号</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">星形</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">星形半颗</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">眼睛-斜线</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">移动设备手机</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">音乐</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">音量-低</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">音量-高</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">音量-关</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">音量控制</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">用户-医生</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">用户组</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">雨伞</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">圆点</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">圆形</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">圆形2</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">云端</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">云端链接</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">云端上传</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">云端下载</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">暂停2</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">战斗机</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">站点地图</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">长箭头-上</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">长箭头-右</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">长箭头-下</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">折线图</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">重做</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">桌面-电脑</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">转发</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">准星</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">长箭头-左</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">纸飞机</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">转速表</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">指南针</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">医院</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">笔记本电脑</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">排名</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">小轿车</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">自行车</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">摩托车</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">社交微信</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">音频</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">手铐</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">监狱</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">警察</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">窗体-窗口化-细</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">窗体-窗体化-细</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">窗体-关闭-细</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">窗体-窗口最大化-细</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">窗体-折叠</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">窗体-展开</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">电瓶车、电动车</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">收集箱-箱子</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">SIM卡-手机卡-电话卡</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">地图连线2-竖</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">陌生人-男人</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">侦探、侦察、嫌疑人</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-collapsed"></span>
            <div class="name">
              折叠
            </div>
            <div class="code-name">.icon-collapsed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-excel"></span>
            <div class="name">
              Excel
            </div>
            <div class="code-name">.icon-excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-image"></span>
            <div class="name">
              image
            </div>
            <div class="code-name">.icon-image
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pdf"></span>
            <div class="name">
              pdf
            </div>
            <div class="code-name">.icon-pdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ppt"></span>
            <div class="name">
              ppt
            </div>
            <div class="code-name">.icon-ppt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-txt"></span>
            <div class="name">
              txt
            </div>
            <div class="code-name">.icon-txt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-word"></span>
            <div class="name">
              word
            </div>
            <div class="code-name">.icon-word
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zip"></span>
            <div class="name">
              zip
            </div>
            <div class="code-name">.icon-zip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-spanner"></span>
            <div class="name">
              扳手
            </div>
            <div class="code-name">.icon-spanner
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-save"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-save
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-alarm"></span>
            <div class="name">
              报警警报预警
            </div>
            <div class="code-name">.icon-alarm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-collision"></span>
            <div class="name">
              比对碰撞
            </div>
            <div class="code-name">.icon-collision
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-car-collision"></span>
            <div class="name">
              车辆碰撞
            </div>
            <div class="code-name">.icon-car-collision
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-floor-building"></span>
            <div class="name">
              大楼3
            </div>
            <div class="code-name">.icon-floor-building
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-story-building"></span>
            <div class="name">
              大楼1
            </div>
            <div class="code-name">.icon-story-building
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-high-building"></span>
            <div class="name">
              大楼2
            </div>
            <div class="code-name">.icon-high-building
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-brain"></span>
            <div class="name">
              大脑
            </div>
            <div class="code-name">.icon-brain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-record"></span>
            <div class="name">
              档案
            </div>
            <div class="code-name">.icon-record
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-ruler"></span>
            <div class="name">
              地图尺子
            </div>
            <div class="code-name">.icon-map-ruler
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-gas"></span>
            <div class="name">
              地图加油站
            </div>
            <div class="code-name">.icon-map-gas
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-connect"></span>
            <div class="name">
              地图连线1
            </div>
            <div class="code-name">.icon-map-connect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-direction"></span>
            <div class="name">
              地图连线转移
            </div>
            <div class="code-name">.icon-map-direction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-oil"></span>
            <div class="name">
              地图石油
            </div>
            <div class="code-name">.icon-map-oil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-finger"></span>
            <div class="name">
              地图-手指
            </div>
            <div class="code-name">.icon-map-finger
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-architecture"></span>
            <div class="name">
              地图组织架构
            </div>
            <div class="code-name">.icon-map-architecture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-site"></span>
            <div class="name">
              地图组织站点
            </div>
            <div class="code-name">.icon-map-site
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-electricity"></span>
            <div class="name">
              电池电量
            </div>
            <div class="code-name">.icon-electricity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fixed-telephone"></span>
            <div class="name">
              电话固话
            </div>
            <div class="code-name">.icon-fixed-telephone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-computer"></span>
            <div class="name">
              电脑
            </div>
            <div class="code-name">.icon-computer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-location"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-location
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danger"></span>
            <div class="name">
              毒品危险
            </div>
            <div class="code-name">.icon-danger
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-split-screen-compare"></span>
            <div class="name">
              分屏对比
            </div>
            <div class="code-name">.icon-split-screen-compare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-evaluation"></span>
            <div class="name">
              分析评比
            </div>
            <div class="code-name">.icon-evaluation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-share"></span>
            <div class="name">
              分享转发
            </div>
            <div class="code-name">.icon-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-servicer"></span>
            <div class="name">
              服务器
            </div>
            <div class="code-name">.icon-servicer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-server-host"></span>
            <div class="name">
              服务器主机
            </div>
            <div class="code-name">.icon-server-host
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-annex"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.icon-annex
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-copy-comparison"></span>
            <div class="name">
              复制比对
            </div>
            <div class="code-name">.icon-copy-comparison
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-security-shield"></span>
            <div class="name">
              公安盾牌
            </div>
            <div class="code-name">.icon-security-shield
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-manage-circuit"></span>
            <div class="name">
              管理流转协作
            </div>
            <div class="code-name">.icon-manage-circuit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-locus"></span>
            <div class="name">
              轨迹
            </div>
            <div class="code-name">.icon-locus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-orbit"></span>
            <div class="name">
              轨迹1
            </div>
            <div class="code-name">.icon-orbit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-traffic-light"></span>
            <div class="name">
              红绿灯违章
            </div>
            <div class="code-name">.icon-traffic-light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sketchpad-theme"></span>
            <div class="name">
              画板主题
            </div>
            <div class="code-name">.icon-sketchpad-theme
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-purse"></span>
            <div class="name">
              货币钱袋资金
            </div>
            <div class="code-name">.icon-purse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-base-signal"></span>
            <div class="name">
              基站信号
            </div>
            <div class="code-name">.icon-base-signal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-load"></span>
            <div class="name">
              加载
            </div>
            <div class="code-name">.icon-load
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-supervision"></span>
            <div class="name">
              监控控制管理监管
            </div>
            <div class="code-name">.icon-supervision
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-build"></span>
            <div class="name">
              大楼建筑
            </div>
            <div class="code-name">.icon-build
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-policeman"></span>
            <div class="name">
              警察半身
            </div>
            <div class="code-name">.icon-policeman
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-video-camera"></span>
            <div class="name">
              卡口摄像头
            </div>
            <div class="code-name">.icon-video-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-express-package"></span>
            <div class="name">
              快递包裹
            </div>
            <div class="code-name">.icon-express-package
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-firearms"></span>
            <div class="name">
              枪支
            </div>
            <div class="code-name">.icon-firearms
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-badge"></span>
            <div class="name">
              认证徽章
            </div>
            <div class="code-name">.icon-badge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-theft"></span>
            <div class="name">
              入室盗窃
            </div>
            <div class="code-name">.icon-theft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qq"></span>
            <div class="name">
              社交qq
            </div>
            <div class="code-name">.icon-qq
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingtalk"></span>
            <div class="name">
              社交钉钉
            </div>
            <div class="code-name">.icon-dingtalk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fly-letter"></span>
            <div class="name">
              社交飞信
            </div>
            <div class="code-name">.icon-fly-letter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mitalk"></span>
            <div class="name">
              社交米聊
            </div>
            <div class="code-name">.icon-mitalk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-momo"></span>
            <div class="name">
              社交陌陌图标
            </div>
            <div class="code-name">.icon-momo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-microblog"></span>
            <div class="name">
              社交微博
            </div>
            <div class="code-name">.icon-microblog
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-monitor-camera"></span>
            <div class="name">
              卡口监控摄像头
            </div>
            <div class="code-name">.icon-monitor-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bayonet-camera"></span>
            <div class="name">
              卡口视频摄像头
            </div>
            <div class="code-name">.icon-bayonet-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-approval"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-approval
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-record-video"></span>
            <div class="name">
              视频
            </div>
            <div class="code-name">.icon-record-video
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-avi"></span>
            <div class="name">
              AVI视频文件
            </div>
            <div class="code-name">.icon-avi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-desktop"></span>
            <div class="name">
              台式机
            </div>
            <div class="code-name">.icon-desktop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-balance"></span>
            <div class="name">
              天平公平研判
            </div>
            <div class="code-name">.icon-balance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-team"></span>
            <div class="name">
              团队
            </div>
            <div class="code-name">.icon-team
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-news-success"></span>
            <div class="name">
              消息-成功
            </div>
            <div class="code-name">.icon-news-success
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-news-warn"></span>
            <div class="name">
              消息-警告
            </div>
            <div class="code-name">.icon-news-warn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-news-info"></span>
            <div class="name">
              消息-信息
            </div>
            <div class="code-name">.icon-news-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-news-failure"></span>
            <div class="name">
              消息-失败
            </div>
            <div class="code-name">.icon-news-failure
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-collaboration"></span>
            <div class="name">
              协同
            </div>
            <div class="code-name">.icon-collaboration
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-collaboration-system"></span>
            <div class="name">
              协同系统
            </div>
            <div class="code-name">.icon-collaboration-system
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-news"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-news
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-newspaper"></span>
            <div class="name">
              新闻报纸
            </div>
            <div class="code-name">.icon-newspaper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-judge"></span>
            <div class="name">
              研判锤子
            </div>
            <div class="code-name">.icon-judge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-man"></span>
            <div class="name">
              用户-男
            </div>
            <div class="code-name">.icon-user-man
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-women"></span>
            <div class="name">
              用户-女
            </div>
            <div class="code-name">.icon-user-women
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circler-layout"></span>
            <div class="name">
              圆形布局
            </div>
            <div class="code-name">.icon-circler-layout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cloud-search"></span>
            <div class="name">
              云搜系统
            </div>
            <div class="code-name">.icon-cloud-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paste"></span>
            <div class="name">
              粘贴
            </div>
            <div class="code-name">.icon-paste
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-internet"></span>
            <div class="name">
              站点网站互联网ie
            </div>
            <div class="code-name">.icon-internet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bill"></span>
            <div class="name">
              账单
            </div>
            <div class="code-name">.icon-bill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pay-jingdong"></span>
            <div class="name">
              支付-京东
            </div>
            <div class="code-name">.icon-pay-jingdong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pay-taobao"></span>
            <div class="name">
              支付-淘宝
            </div>
            <div class="code-name">.icon-pay-taobao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-union-pay"></span>
            <div class="name">
              支付-银联
            </div>
            <div class="code-name">.icon-union-pay
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-alipay"></span>
            <div class="name">
              支付-支付宝
            </div>
            <div class="code-name">.icon-alipay
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fingerprint"></span>
            <div class="name">
              指纹
            </div>
            <div class="code-name">.icon-fingerprint
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-teamwork"></span>
            <div class="name">
              组织合作协作
            </div>
            <div class="code-name">.icon-teamwork
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-organiz"></span>
            <div class="name">
              组织群体
            </div>
            <div class="code-name">.icon-organiz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baby-child"></span>
            <div class="name">
              婴儿-儿童
            </div>
            <div class="code-name">.icon-baby-child
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-thief"></span>
            <div class="name">
              小偷-逃犯
            </div>
            <div class="code-name">.icon-thief
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-corpse"></span>
            <div class="name">
              尸体
            </div>
            <div class="code-name">.icon-corpse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Tandem"></span>
            <div class="name">
              串并
            </div>
            <div class="code-name">.icon-Tandem
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-relation"></span>
            <div class="name">
              关系
            </div>
            <div class="code-name">.icon-relation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-palm"></span>
            <div class="name">
              手掌
            </div>
            <div class="code-name">.icon-palm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dna"></span>
            <div class="name">
              DNA
            </div>
            <div class="code-name">.icon-dna
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-synthetic-combat"></span>
            <div class="name">
              合成作战
            </div>
            <div class="code-name">.icon-synthetic-combat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-area-map"></span>
            <div class="name">
              区域地图
            </div>
            <div class="code-name">.icon-area-map
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sign-review"></span>
            <div class="name">
              签字审核
            </div>
            <div class="code-name">.icon-sign-review
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-organization"></span>
            <div class="name">
              团伙群体
            </div>
            <div class="code-name">.icon-organization
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cooperation"></span>
            <div class="name">
              合作握手
            </div>
            <div class="code-name">.icon-cooperation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-case-file"></span>
            <div class="name">
              案件档案
            </div>
            <div class="code-name">.icon-case-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-accurate-search"></span>
            <div class="name">
              精确搜索查询
            </div>
            <div class="code-name">.icon-accurate-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-victim"></span>
            <div class="name">
              受害遇害
            </div>
            <div class="code-name">.icon-victim
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-id-card"></span>
            <div class="name">
              资料身份证档案
            </div>
            <div class="code-name">.icon-id-card
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rss"></span>
            <div class="name">
              rss
            </div>
            <div class="code-name">.icon-rss
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-usb"></span>
            <div class="name">
              USB
            </div>
            <div class="code-name">.icon-usb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wifi"></span>
            <div class="name">
              wifi
            </div>
            <div class="code-name">.icon-wifi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bus"></span>
            <div class="name">
              巴士车
            </div>
            <div class="code-name">.icon-bus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bullseye"></span>
            <div class="name">
              靶心
            </div>
            <div class="code-name">.icon-bullseye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-percentage"></span>
            <div class="name">
              百分号
            </div>
            <div class="code-name">.icon-percentage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wrench"></span>
            <div class="name">
              扳手
            </div>
            <div class="code-name">.icon-wrench
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-num-list"></span>
            <div class="name">
              编号列表
            </div>
            <div class="code-name">.icon-num-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edit"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-note"></span>
            <div class="name">
              便签
            </div>
            <div class="code-name">.icon-note
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tag"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-tag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tags"></span>
            <div class="name">
              标签组
            </div>
            <div class="code-name">.icon-tags
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sheet"></span>
            <div class="name">
              表格
            </div>
            <div class="code-name">.icon-sheet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-four-squares"></span>
            <div class="name">
              表格2
            </div>
            <div class="code-name">.icon-four-squares
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nine-squares"></span>
            <div class="name">
              表格3
            </div>
            <div class="code-name">.icon-nine-squares
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pie-chart"></span>
            <div class="name">
              饼图
            </div>
            <div class="code-name">.icon-pie-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-play"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.icon-play
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-inside-play"></span>
            <div class="name">
              播放2
            </div>
            <div class="code-name">.icon-inside-play
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-doctor-hat"></span>
            <div class="name">
              博士帽
            </div>
            <div class="code-name">.icon-doctor-hat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-crop"></span>
            <div class="name">
              裁剪
            </div>
            <div class="code-name">.icon-crop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tableware"></span>
            <div class="name">
              餐具
            </div>
            <div class="code-name">.icon-tableware
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-insert-top"></span>
            <div class="name">
              插入符-上
            </div>
            <div class="code-name">.icon-insert-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-insert-bottom"></span>
            <div class="name">
              插入符-下
            </div>
            <div class="code-name">.icon-insert-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-insert-right"></span>
            <div class="name">
              插入符-右
            </div>
            <div class="code-name">.icon-insert-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-insert-left"></span>
            <div class="name">
              插入符-左
            </div>
            <div class="code-name">.icon-insert-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plug"></span>
            <div class="name">
              插头
            </div>
            <div class="code-name">.icon-plug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-inquiry"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-inquiry
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zoomout"></span>
            <div class="name">
              查询-
            </div>
            <div class="code-name">.icon-zoomout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-enlarge"></span>
            <div class="name">
              查询+
            </div>
            <div class="code-name">.icon-enlarge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-badreview"></span>
            <div class="name">
              差评2
            </div>
            <div class="code-name">.icon-badreview
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-recall"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.icon-recall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-multiply"></span>
            <div class="name">
              乘号
            </div>
            <div class="code-name">.icon-multiply
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gearset"></span>
            <div class="name">
              齿轮设置
            </div>
            <div class="code-name">.icon-gearset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gearmore"></span>
            <div class="name">
              齿轮组
            </div>
            <div class="code-name">.icon-gearmore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bedbug"></span>
            <div class="name">
              臭虫bug
            </div>
            <div class="code-name">.icon-bedbug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taxi"></span>
            <div class="name">
              出租车
            </div>
            <div class="code-name">.icon-taxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fax"></span>
            <div class="name">
              传真
            </div>
            <div class="code-name">.icon-fax
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bed"></span>
            <div class="name">
              床
            </div>
            <div class="code-name">.icon-bed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hammer"></span>
            <div class="name">
              槌子
            </div>
            <div class="code-name">.icon-hammer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-print"></span>
            <div class="name">
              打印
            </div>
            <div class="code-name">.icon-print
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-university"></span>
            <div class="name">
              大学
            </div>
            <div class="code-name">.icon-university
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-code-branch"></span>
            <div class="name">
              代码-分支
            </div>
            <div class="code-name">.icon-code-branch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mono-top"></span>
            <div class="name">
              单角符-上
            </div>
            <div class="code-name">.icon-mono-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mono-bottom"></span>
            <div class="name">
              单角符-下
            </div>
            <div class="code-name">.icon-mono-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mono-right"></span>
            <div class="name">
              单角符-右
            </div>
            <div class="code-name">.icon-mono-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mono-left"></span>
            <div class="name">
              单角符-左
            </div>
            <div class="code-name">.icon-mono-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pop"></span>
            <div class="name">
              弹出
            </div>
            <div class="code-name">.icon-pop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-archive"></span>
            <div class="name">
              档案
            </div>
            <div class="code-name">.icon-archive
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-login"></span>
            <div class="name">
              登录
            </div>
            <div class="code-name">.icon-login
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dropper"></span>
            <div class="name">
              滴管
            </div>
            <div class="code-name">.icon-dropper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-earth"></span>
            <div class="name">
              地球
            </div>
            <div class="code-name">.icon-earth
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-subway"></span>
            <div class="name">
              地铁
            </div>
            <div class="code-name">.icon-subway
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.icon-map
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-thumbtack"></span>
            <div class="name">
              地图-图钉
            </div>
            <div class="code-name">.icon-map-thumbtack
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-indicator"></span>
            <div class="name">
              地图-指示牌
            </div>
            <div class="code-name">.icon-map-indicator
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-light"></span>
            <div class="name">
              电灯
            </div>
            <div class="code-name">.icon-light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-call"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-call
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tv"></span>
            <div class="name">
              电视-显示器
            </div>
            <div class="code-name">.icon-tv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-film"></span>
            <div class="name">
              电影
            </div>
            <div class="code-name">.icon-film
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-power"></span>
            <div class="name">
              电源-关
            </div>
            <div class="code-name">.icon-power
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ok"></span>
            <div class="name">
              对号
            </div>
            <div class="code-name">.icon-ok
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shield"></span>
            <div class="name">
              盾牌
            </div>
            <div class="code-name">.icon-shield
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-children"></span>
            <div class="name">
              儿童
            </div>
            <div class="code-name">.icon-children
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qrcode"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.icon-qrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-direction"></span>
            <div class="name">
              方向
            </div>
            <div class="code-name">.icon-direction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkbox-off"></span>
            <div class="name">
              方形
            </div>
            <div class="code-name">.icon-checkbox-off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkbox-on"></span>
            <div class="name">
              方形2
            </div>
            <div class="code-name">.icon-checkbox-on
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-airplane"></span>
            <div class="name">
              飞机
            </div>
            <div class="code-name">.icon-airplane
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-redo"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-redo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-server"></span>
            <div class="name">
              服务器
            </div>
            <div class="code-name">.icon-server
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkbox-ok"></span>
            <div class="name">
              复选框
            </div>
            <div class="code-name">.icon-checkbox-ok
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-copy-rect"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.icon-copy-rect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-high-road"></span>
            <div class="name">
              公路
            </div>
            <div class="code-name">.icon-high-road
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-briefcase"></span>
            <div class="name">
              公文包
            </div>
            <div class="code-name">.icon-briefcase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-row"></span>
            <div class="name">
              功能
            </div>
            <div class="code-name">.icon-row
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-filter"></span>
            <div class="name">
              过滤器
            </div>
            <div class="code-name">.icon-filter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-like"></span>
            <div class="name">
              好评2
            </div>
            <div class="code-name">.icon-like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-backward"></span>
            <div class="name">
              后退
            </div>
            <div class="code-name">.icon-backward
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-prev"></span>
            <div class="name">
              后退2
            </div>
            <div class="code-name">.icon-prev
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-slider"></span>
            <div class="name">
              滑块
            </div>
            <div class="code-name">.icon-slider
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-work-card"></span>
            <div class="name">
              徽章
            </div>
            <div class="code-name">.icon-work-card
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-undo"></span>
            <div class="name">
              回复
            </div>
            <div class="code-name">.icon-undo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-reply"></span>
            <div class="name">
              回复-全部
            </div>
            <div class="code-name">.icon-reply
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-train"></span>
            <div class="name">
              火车
            </div>
            <div class="code-name">.icon-train
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rocket"></span>
            <div class="name">
              火箭
            </div>
            <div class="code-name">.icon-rocket
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-survival"></span>
            <div class="name">
              急救箱
            </div>
            <div class="code-name">.icon-survival
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plus-fill"></span>
            <div class="name">
              加号
            </div>
            <div class="code-name">.icon-plus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plus-border"></span>
            <div class="name">
              加号2
            </div>
            <div class="code-name">.icon-plus-border
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plus"></span>
            <div class="name">
              加号3
            </div>
            <div class="code-name">.icon-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-loading"></span>
            <div class="name">
              加载
            </div>
            <div class="code-name">.icon-loading
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-credentials"></span>
            <div class="name">
              驾照
            </div>
            <div class="code-name">.icon-credentials
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minus-fill"></span>
            <div class="name">
              减号
            </div>
            <div class="code-name">.icon-minus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minus-border"></span>
            <div class="name">
              减号2
            </div>
            <div class="code-name">.icon-minus-border
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minus"></span>
            <div class="name">
              减号3
            </div>
            <div class="code-name">.icon-minus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-copy"></span>
            <div class="name">
              剪切板
            </div>
            <div class="code-name">.icon-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-building"></span>
            <div class="name">
              建筑
            </div>
            <div class="code-name">.icon-building
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-keyborad"></span>
            <div class="name">
              键盘
            </div>
            <div class="code-name">.icon-keyborad
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-link-arrow-v"></span>
            <div class="name">
              箭头-上下
            </div>
            <div class="code-name">.icon-link-arrow-v
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-move"></span>
            <div class="name">
              箭头-拖动
            </div>
            <div class="code-name">.icon-move
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-link-arrow-h"></span>
            <div class="name">
              箭头-左右
            </div>
            <div class="code-name">.icon-link-arrow-h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-trophy"></span>
            <div class="name">
              奖杯
            </div>
            <div class="code-name">.icon-trophy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fall"></span>
            <div class="name">
              降级
            </div>
            <div class="code-name">.icon-fall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-exchange"></span>
            <div class="name">
              交换
            </div>
            <div class="code-name">.icon-exchange
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-where"></span>
            <div class="name">
              街景
            </div>
            <div class="code-name">.icon-where
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lock-off-v2"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.icon-lock-off-v2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lock-off"></span>
            <div class="name">
              解锁2
            </div>
            <div class="code-name">.icon-lock-off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-no"></span>
            <div class="name">
              禁止
            </div>
            <div class="code-name">.icon-no
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-number-sign"></span>
            <div class="name">
              井号
            </div>
            <div class="code-name">.icon-number-sign
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ambulance"></span>
            <div class="name">
              救护车
            </div>
            <div class="code-name">.icon-ambulance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-life-buoy"></span>
            <div class="name">
              救生圈
            </div>
            <div class="code-name">.icon-life-buoy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-coffee"></span>
            <div class="name">
              咖啡
            </div>
            <div class="code-name">.icon-coffee
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-truck"></span>
            <div class="name">
              卡车
            </div>
            <div class="code-name">.icon-truck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-next-step"></span>
            <div class="name">
              快进
            </div>
            <div class="code-name">.icon-next-step
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-prev-step"></span>
            <div class="name">
              快退
            </div>
            <div class="code-name">.icon-prev-step
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-speaker"></span>
            <div class="name">
              扩音器
            </div>
            <div class="code-name">.icon-speaker
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delete"></span>
            <div class="name">
              垃圾桶2
            </div>
            <div class="code-name">.icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bluetooth"></span>
            <div class="name">
              蓝牙
            </div>
            <div class="code-name">.icon-bluetooth
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gift"></span>
            <div class="name">
              礼物
            </div>
            <div class="code-name">.icon-gift
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-history"></span>
            <div class="name">
              历史记录
            </div>
            <div class="code-name">.icon-history
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-component"></span>
            <div class="name">
              立方体
            </div>
            <div class="code-name">.icon-component
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-components"></span>
            <div class="name">
              立方体组
            </div>
            <div class="code-name">.icon-components
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-link"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.icon-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-link-off"></span>
            <div class="name">
              链接-断开
            </div>
            <div class="code-name">.icon-link-off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-columns"></span>
            <div class="name">
              列
            </div>
            <div class="code-name">.icon-columns
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-list-v4"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-list-v4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-list-v3"></span>
            <div class="name">
              列表2
            </div>
            <div class="code-name">.icon-list-v3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-list-v2"></span>
            <div class="name">
              列表3
            </div>
            <div class="code-name">.icon-list-v2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bell"></span>
            <div class="name">
              铃声
            </div>
            <div class="code-name">.icon-bell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bell-off"></span>
            <div class="name">
              铃声-静音
            </div>
            <div class="code-name">.icon-bell-off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ship"></span>
            <div class="name">
              轮船
            </div>
            <div class="code-name">.icon-ship
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lightning"></span>
            <div class="name">
              螺栓
            </div>
            <div class="code-name">.icon-lightning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mic-on"></span>
            <div class="name">
              麦克风
            </div>
            <div class="code-name">.icon-mic-on
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mic-off"></span>
            <div class="name">
              麦克风-静音
            </div>
            <div class="code-name">.icon-mic-off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anchor"></span>
            <div class="name">
              地图锚
            </div>
            <div class="code-name">.icon-anchor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-name-card"></span>
            <div class="name">
              名片
            </div>
            <div class="code-name">.icon-name-card
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-magic"></span>
            <div class="name">
              魔术棒
            </div>
            <div class="code-name">.icon-magic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gentleman"></span>
            <div class="name">
              男士
            </div>
            <div class="code-name">.icon-gentleman
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-men"></span>
            <div class="name">
              男性
            </div>
            <div class="code-name">.icon-men
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anonymous"></span>
            <div class="name">
              匿名用户
            </div>
            <div class="code-name">.icon-anonymous
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lady"></span>
            <div class="name">
              女士
            </div>
            <div class="code-name">.icon-lady
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-women"></span>
            <div class="name">
              女性
            </div>
            <div class="code-name">.icon-women
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sort"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-sort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sort-down"></span>
            <div class="name">
              排序-降序
            </div>
            <div class="code-name">.icon-sort-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sort-up"></span>
            <div class="name">
              排序-升序
            </div>
            <div class="code-name">.icon-sort-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sort-desc"></span>
            <div class="name">
              排序-数量降序
            </div>
            <div class="code-name">.icon-sort-desc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sort-asc"></span>
            <div class="name">
              排序-数量升序
            </div>
            <div class="code-name">.icon-sort-asc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ticket"></span>
            <div class="name">
              票
            </div>
            <div class="code-name">.icon-ticket
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pad"></span>
            <div class="name">
              平板电脑
            </div>
            <div class="code-name">.icon-pad
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-comment-v2"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-comment-v2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-comment"></span>
            <div class="name">
              评论2
            </div>
            <div class="code-name">.icon-comment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chat"></span>
            <div class="name">
              评论组
            </div>
            <div class="code-name">.icon-chat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chat-border"></span>
            <div class="name">
              评论组2
            </div>
            <div class="code-name">.icon-chat-border
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-flag"></span>
            <div class="name">
              旗帜
            </div>
            <div class="code-name">.icon-flag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pencil"></span>
            <div class="name">
              铅笔
            </div>
            <div class="code-name">.icon-pencil
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-go"></span>
            <div class="name">
              前进
            </div>
            <div class="code-name">.icon-go
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-next"></span>
            <div class="name">
              前进2
            </div>
            <div class="code-name">.icon-next
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-full"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rmb"></span>
            <div class="name">
              人民币
            </div>
            <div class="code-name">.icon-rmb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bold-arrow-up"></span>
            <div class="name">
              人字形-上
            </div>
            <div class="code-name">.icon-bold-arrow-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bold-arrow-down"></span>
            <div class="name">
              人字形-下
            </div>
            <div class="code-name">.icon-bold-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bold-arrow-right"></span>
            <div class="name">
              人字形-右
            </div>
            <div class="code-name">.icon-bold-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bold-arrow-left"></span>
            <div class="name">
              人字形-左
            </div>
            <div class="code-name">.icon-bold-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gantt"></span>
            <div class="name">
              任务
            </div>
            <div class="code-name">.icon-gantt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-calendar-v2"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-calendar-v2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-calendar"></span>
            <div class="name">
              日历2
            </div>
            <div class="code-name">.icon-calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-upload"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-flask"></span>
            <div class="name">
              烧瓶
            </div>
            <div class="code-name">.icon-flask
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-vcr"></span>
            <div class="name">
              摄像机
            </div>
            <div class="code-name">.icon-vcr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rise"></span>
            <div class="name">
              升级
            </div>
            <div class="code-name">.icon-rise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-clock"></span>
            <div class="name">
              时钟
            </div>
            <div class="code-name">.icon-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-inbox"></span>
            <div class="name">
              收件箱
            </div>
            <div class="code-name">.icon-inbox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mid"></span>
            <div class="name">
              收起
            </div>
            <div class="code-name">.icon-mid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bag-v2"></span>
            <div class="name">
              手提包
            </div>
            <div class="code-name">.icon-bag-v2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bag"></span>
            <div class="name">
              手提箱
            </div>
            <div class="code-name">.icon-bag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-home"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-book"></span>
            <div class="name">
              书籍
            </div>
            <div class="code-name">.icon-book
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bookmark"></span>
            <div class="name">
              书签
            </div>
            <div class="code-name">.icon-bookmark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-indicator"></span>
            <div class="name">
              鼠标指针
            </div>
            <div class="code-name">.icon-indicator
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-database"></span>
            <div class="name">
              数据库
            </div>
            <div class="code-name">.icon-database
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refresh"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-double-arrow-up"></span>
            <div class="name">
              双角符-上
            </div>
            <div class="code-name">.icon-double-arrow-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-double-arrow-down"></span>
            <div class="name">
              双角符-下
            </div>
            <div class="code-name">.icon-double-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-double-arrow-right"></span>
            <div class="name">
              双角符-右
            </div>
            <div class="code-name">.icon-double-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-double-arrow-left"></span>
            <div class="name">
              双角符-左
            </div>
            <div class="code-name">.icon-double-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-random"></span>
            <div class="name">
              随机
            </div>
            <div class="code-name">.icon-random
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-indent-remove"></span>
            <div class="name">
              缩进-减
            </div>
            <div class="code-name">.icon-indent-remove
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lock"></span>
            <div class="name">
              锁定
            </div>
            <div class="code-name">.icon-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-warning"></span>
            <div class="name">
              叹号
            </div>
            <div class="code-name">.icon-warning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-careful"></span>
            <div class="name">
              叹号2
            </div>
            <div class="code-name">.icon-careful
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-drip"></span>
            <div class="name">
              填色
            </div>
            <div class="code-name">.icon-drip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bar-code"></span>
            <div class="name">
              条形码
            </div>
            <div class="code-name">.icon-bar-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-adjust"></span>
            <div class="name">
              调整
            </div>
            <div class="code-name">.icon-adjust
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-check"></span>
            <div class="name">
              听诊器
            </div>
            <div class="code-name">.icon-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stop"></span>
            <div class="name">
              停止
            </div>
            <div class="code-name">.icon-stop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stop-circle"></span>
            <div class="name">
              停止2
            </div>
            <div class="code-name">.icon-stop-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-address-book"></span>
            <div class="name">
              通讯录
            </div>
            <div class="code-name">.icon-address-book
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chart-bar"></span>
            <div class="name">
              图表
            </div>
            <div class="code-name">.icon-chart-bar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pin"></span>
            <div class="name">
              图钉
            </div>
            <div class="code-name">.icon-pin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-exit"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-exit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chip"></span>
            <div class="name">
              微芯片
            </div>
            <div class="code-name">.icon-chip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-file"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folder"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folder-open"></span>
            <div class="name">
              文件夹-打开
            </div>
            <div class="code-name">.icon-folder-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-file-text"></span>
            <div class="name">
              文件-文本
            </div>
            <div class="code-name">.icon-file-text
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-files"></span>
            <div class="name">
              文件组
            </div>
            <div class="code-name">.icon-files
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-question"></span>
            <div class="name">
              问号
            </div>
            <div class="code-name">.icon-question
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-download"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chart-trend"></span>
            <div class="name">
              线图
            </div>
            <div class="code-name">.icon-chart-trend
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-camera"></span>
            <div class="name">
              相机
            </div>
            <div class="code-name">.icon-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-camera-old"></span>
            <div class="name">
              相机-旧式
            </div>
            <div class="code-name">.icon-camera-old
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-list"></span>
            <div class="name">
              项目列表
            </div>
            <div class="code-name">.icon-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-car-v2"></span>
            <div class="name">
              小汽车
            </div>
            <div class="code-name">.icon-car-v2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-heart"></span>
            <div class="name">
              心形
            </div>
            <div class="code-name">.icon-heart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-envelope"></span>
            <div class="name">
              信封
            </div>
            <div class="code-name">.icon-envelope
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-envelope-open"></span>
            <div class="name">
              信封2
            </div>
            <div class="code-name">.icon-envelope-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-signal"></span>
            <div class="name">
              信号
            </div>
            <div class="code-name">.icon-signal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-message"></span>
            <div class="name">
              信息
            </div>
            <div class="code-name">.icon-message
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-card-solid"></span>
            <div class="name">
              信用卡
            </div>
            <div class="code-name">.icon-card-solid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-card"></span>
            <div class="name">
              信用卡2
            </div>
            <div class="code-name">.icon-card
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mi"></span>
            <div class="name">
              星号
            </div>
            <div class="code-name">.icon-mi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-star-on"></span>
            <div class="name">
              星形
            </div>
            <div class="code-name">.icon-star-on
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-star-half"></span>
            <div class="name">
              星形半颗
            </div>
            <div class="code-name">.icon-star-half
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-visible"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.icon-visible
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-invisible"></span>
            <div class="name">
              眼睛-斜线
            </div>
            <div class="code-name">.icon-invisible
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-phone"></span>
            <div class="name">
              移动设备手机
            </div>
            <div class="code-name">.icon-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-music"></span>
            <div class="name">
              音乐
            </div>
            <div class="code-name">.icon-music
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-soound-min"></span>
            <div class="name">
              音量-低
            </div>
            <div class="code-name">.icon-soound-min
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sound-max"></span>
            <div class="name">
              音量-高
            </div>
            <div class="code-name">.icon-sound-max
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mute"></span>
            <div class="name">
              音量-关
            </div>
            <div class="code-name">.icon-mute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sound"></span>
            <div class="name">
              音量控制
            </div>
            <div class="code-name">.icon-sound
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-doctor"></span>
            <div class="name">
              用户-医生
            </div>
            <div class="code-name">.icon-doctor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-group"></span>
            <div class="name">
              用户组
            </div>
            <div class="code-name">.icon-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-umbrella"></span>
            <div class="name">
              雨伞
            </div>
            <div class="code-name">.icon-umbrella
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-double-circle"></span>
            <div class="name">
              圆点
            </div>
            <div class="code-name">.icon-double-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-radio-on"></span>
            <div class="name">
              圆形
            </div>
            <div class="code-name">.icon-radio-on
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-radio-off"></span>
            <div class="name">
              圆形2
            </div>
            <div class="code-name">.icon-radio-off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cloud"></span>
            <div class="name">
              云端
            </div>
            <div class="code-name">.icon-cloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cloud-link"></span>
            <div class="name">
              云端链接
            </div>
            <div class="code-name">.icon-cloud-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cloud-upload"></span>
            <div class="name">
              云端上传
            </div>
            <div class="code-name">.icon-cloud-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cloud-download"></span>
            <div class="name">
              云端下载
            </div>
            <div class="code-name">.icon-cloud-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pause"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.icon-pause
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pause-circle"></span>
            <div class="name">
              暂停2
            </div>
            <div class="code-name">.icon-pause-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-expand"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.icon-expand
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-warplane"></span>
            <div class="name">
              战斗机
            </div>
            <div class="code-name">.icon-warplane
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-org"></span>
            <div class="name">
              站点地图
            </div>
            <div class="code-name">.icon-org
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-up"></span>
            <div class="name">
              长箭头-上
            </div>
            <div class="code-name">.icon-arrow-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right"></span>
            <div class="name">
              长箭头-右
            </div>
            <div class="code-name">.icon-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-down"></span>
            <div class="name">
              长箭头-下
            </div>
            <div class="code-name">.icon-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chart-line"></span>
            <div class="name">
              折线图
            </div>
            <div class="code-name">.icon-chart-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-reset"></span>
            <div class="name">
              重做
            </div>
            <div class="code-name">.icon-reset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pc"></span>
            <div class="name">
              桌面-电脑
            </div>
            <div class="code-name">.icon-pc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-loop"></span>
            <div class="name">
              转发
            </div>
            <div class="code-name">.icon-loop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-target"></span>
            <div class="name">
              准星
            </div>
            <div class="code-name">.icon-target
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-left"></span>
            <div class="name">
              长箭头-左
            </div>
            <div class="code-name">.icon-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paper"></span>
            <div class="name">
              纸飞机
            </div>
            <div class="code-name">.icon-paper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashboard"></span>
            <div class="name">
              转速表
            </div>
            <div class="code-name">.icon-dashboard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-compass"></span>
            <div class="name">
              指南针
            </div>
            <div class="code-name">.icon-compass
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hospital"></span>
            <div class="name">
              医院
            </div>
            <div class="code-name">.icon-hospital
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-notebook"></span>
            <div class="name">
              笔记本电脑
            </div>
            <div class="code-name">.icon-notebook
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rank"></span>
            <div class="name">
              排名
            </div>
            <div class="code-name">.icon-rank
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-car"></span>
            <div class="name">
              小轿车
            </div>
            <div class="code-name">.icon-car
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bike"></span>
            <div class="name">
              自行车
            </div>
            <div class="code-name">.icon-bike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moto"></span>
            <div class="name">
              摩托车
            </div>
            <div class="code-name">.icon-moto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wechat"></span>
            <div class="name">
              社交微信
            </div>
            <div class="code-name">.icon-wechat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-audio"></span>
            <div class="name">
              音频
            </div>
            <div class="code-name">.icon-audio
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cuff"></span>
            <div class="name">
              手铐
            </div>
            <div class="code-name">.icon-cuff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-prison"></span>
            <div class="name">
              监狱
            </div>
            <div class="code-name">.icon-prison
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-police"></span>
            <div class="name">
              警察
            </div>
            <div class="code-name">.icon-police
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-window-max"></span>
            <div class="name">
              窗体-窗口化-细
            </div>
            <div class="code-name">.icon-window-max
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-window-min"></span>
            <div class="name">
              窗体-窗体化-细
            </div>
            <div class="code-name">.icon-window-min
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-window-close"></span>
            <div class="name">
              窗体-关闭-细
            </div>
            <div class="code-name">.icon-window-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-window-normal"></span>
            <div class="name">
              窗体-窗口最大化-细
            </div>
            <div class="code-name">.icon-window-normal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-window-down"></span>
            <div class="name">
              窗体-折叠
            </div>
            <div class="code-name">.icon-window-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-window-up"></span>
            <div class="name">
              窗体-展开
            </div>
            <div class="code-name">.icon-window-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mbile"></span>
            <div class="name">
              电瓶车、电动车
            </div>
            <div class="code-name">.icon-mbile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cbox"></span>
            <div class="name">
              收集箱-箱子
            </div>
            <div class="code-name">.icon-cbox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sim"></span>
            <div class="name">
              SIM卡-手机卡-电话卡
            </div>
            <div class="code-name">.icon-sim
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-link"></span>
            <div class="name">
              地图连线2-竖
            </div>
            <div class="code-name">.icon-map-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stranger"></span>
            <div class="name">
              陌生人-男人
            </div>
            <div class="code-name">.icon-stranger
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suspect"></span>
            <div class="name">
              侦探、侦察、嫌疑人
            </div>
            <div class="code-name">.icon-suspect
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-collapsed"></use>
                </svg>
                <div class="name">折叠</div>
                <div class="code-name">#icon-collapsed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-excel"></use>
                </svg>
                <div class="name">Excel</div>
                <div class="code-name">#icon-excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-image"></use>
                </svg>
                <div class="name">image</div>
                <div class="code-name">#icon-image</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pdf"></use>
                </svg>
                <div class="name">pdf</div>
                <div class="code-name">#icon-pdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ppt"></use>
                </svg>
                <div class="name">ppt</div>
                <div class="code-name">#icon-ppt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-txt"></use>
                </svg>
                <div class="name">txt</div>
                <div class="code-name">#icon-txt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-word"></use>
                </svg>
                <div class="name">word</div>
                <div class="code-name">#icon-word</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zip"></use>
                </svg>
                <div class="name">zip</div>
                <div class="code-name">#icon-zip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-spanner"></use>
                </svg>
                <div class="name">扳手</div>
                <div class="code-name">#icon-spanner</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-save"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-save</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alarm"></use>
                </svg>
                <div class="name">报警警报预警</div>
                <div class="code-name">#icon-alarm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-collision"></use>
                </svg>
                <div class="name">比对碰撞</div>
                <div class="code-name">#icon-collision</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-car-collision"></use>
                </svg>
                <div class="name">车辆碰撞</div>
                <div class="code-name">#icon-car-collision</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-floor-building"></use>
                </svg>
                <div class="name">大楼3</div>
                <div class="code-name">#icon-floor-building</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-story-building"></use>
                </svg>
                <div class="name">大楼1</div>
                <div class="code-name">#icon-story-building</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-high-building"></use>
                </svg>
                <div class="name">大楼2</div>
                <div class="code-name">#icon-high-building</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-brain"></use>
                </svg>
                <div class="name">大脑</div>
                <div class="code-name">#icon-brain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-record"></use>
                </svg>
                <div class="name">档案</div>
                <div class="code-name">#icon-record</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-ruler"></use>
                </svg>
                <div class="name">地图尺子</div>
                <div class="code-name">#icon-map-ruler</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-gas"></use>
                </svg>
                <div class="name">地图加油站</div>
                <div class="code-name">#icon-map-gas</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-connect"></use>
                </svg>
                <div class="name">地图连线1</div>
                <div class="code-name">#icon-map-connect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-direction"></use>
                </svg>
                <div class="name">地图连线转移</div>
                <div class="code-name">#icon-map-direction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-oil"></use>
                </svg>
                <div class="name">地图石油</div>
                <div class="code-name">#icon-map-oil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-finger"></use>
                </svg>
                <div class="name">地图-手指</div>
                <div class="code-name">#icon-map-finger</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-architecture"></use>
                </svg>
                <div class="name">地图组织架构</div>
                <div class="code-name">#icon-map-architecture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-site"></use>
                </svg>
                <div class="name">地图组织站点</div>
                <div class="code-name">#icon-map-site</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-electricity"></use>
                </svg>
                <div class="name">电池电量</div>
                <div class="code-name">#icon-electricity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fixed-telephone"></use>
                </svg>
                <div class="name">电话固话</div>
                <div class="code-name">#icon-fixed-telephone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-computer"></use>
                </svg>
                <div class="name">电脑</div>
                <div class="code-name">#icon-computer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-location"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-location</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danger"></use>
                </svg>
                <div class="name">毒品危险</div>
                <div class="code-name">#icon-danger</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-split-screen-compare"></use>
                </svg>
                <div class="name">分屏对比</div>
                <div class="code-name">#icon-split-screen-compare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-evaluation"></use>
                </svg>
                <div class="name">分析评比</div>
                <div class="code-name">#icon-evaluation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-share"></use>
                </svg>
                <div class="name">分享转发</div>
                <div class="code-name">#icon-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-servicer"></use>
                </svg>
                <div class="name">服务器</div>
                <div class="code-name">#icon-servicer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-server-host"></use>
                </svg>
                <div class="name">服务器主机</div>
                <div class="code-name">#icon-server-host</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-annex"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#icon-annex</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-copy-comparison"></use>
                </svg>
                <div class="name">复制比对</div>
                <div class="code-name">#icon-copy-comparison</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-security-shield"></use>
                </svg>
                <div class="name">公安盾牌</div>
                <div class="code-name">#icon-security-shield</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-manage-circuit"></use>
                </svg>
                <div class="name">管理流转协作</div>
                <div class="code-name">#icon-manage-circuit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-locus"></use>
                </svg>
                <div class="name">轨迹</div>
                <div class="code-name">#icon-locus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-orbit"></use>
                </svg>
                <div class="name">轨迹1</div>
                <div class="code-name">#icon-orbit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-traffic-light"></use>
                </svg>
                <div class="name">红绿灯违章</div>
                <div class="code-name">#icon-traffic-light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sketchpad-theme"></use>
                </svg>
                <div class="name">画板主题</div>
                <div class="code-name">#icon-sketchpad-theme</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-purse"></use>
                </svg>
                <div class="name">货币钱袋资金</div>
                <div class="code-name">#icon-purse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-base-signal"></use>
                </svg>
                <div class="name">基站信号</div>
                <div class="code-name">#icon-base-signal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-load"></use>
                </svg>
                <div class="name">加载</div>
                <div class="code-name">#icon-load</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-supervision"></use>
                </svg>
                <div class="name">监控控制管理监管</div>
                <div class="code-name">#icon-supervision</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-build"></use>
                </svg>
                <div class="name">大楼建筑</div>
                <div class="code-name">#icon-build</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-policeman"></use>
                </svg>
                <div class="name">警察半身</div>
                <div class="code-name">#icon-policeman</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-video-camera"></use>
                </svg>
                <div class="name">卡口摄像头</div>
                <div class="code-name">#icon-video-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-express-package"></use>
                </svg>
                <div class="name">快递包裹</div>
                <div class="code-name">#icon-express-package</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-firearms"></use>
                </svg>
                <div class="name">枪支</div>
                <div class="code-name">#icon-firearms</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-badge"></use>
                </svg>
                <div class="name">认证徽章</div>
                <div class="code-name">#icon-badge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-theft"></use>
                </svg>
                <div class="name">入室盗窃</div>
                <div class="code-name">#icon-theft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qq"></use>
                </svg>
                <div class="name">社交qq</div>
                <div class="code-name">#icon-qq</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingtalk"></use>
                </svg>
                <div class="name">社交钉钉</div>
                <div class="code-name">#icon-dingtalk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fly-letter"></use>
                </svg>
                <div class="name">社交飞信</div>
                <div class="code-name">#icon-fly-letter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mitalk"></use>
                </svg>
                <div class="name">社交米聊</div>
                <div class="code-name">#icon-mitalk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-momo"></use>
                </svg>
                <div class="name">社交陌陌图标</div>
                <div class="code-name">#icon-momo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-microblog"></use>
                </svg>
                <div class="name">社交微博</div>
                <div class="code-name">#icon-microblog</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-monitor-camera"></use>
                </svg>
                <div class="name">卡口监控摄像头</div>
                <div class="code-name">#icon-monitor-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bayonet-camera"></use>
                </svg>
                <div class="name">卡口视频摄像头</div>
                <div class="code-name">#icon-bayonet-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-approval"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-approval</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-record-video"></use>
                </svg>
                <div class="name">视频</div>
                <div class="code-name">#icon-record-video</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-avi"></use>
                </svg>
                <div class="name">AVI视频文件</div>
                <div class="code-name">#icon-avi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-desktop"></use>
                </svg>
                <div class="name">台式机</div>
                <div class="code-name">#icon-desktop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-balance"></use>
                </svg>
                <div class="name">天平公平研判</div>
                <div class="code-name">#icon-balance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-team"></use>
                </svg>
                <div class="name">团队</div>
                <div class="code-name">#icon-team</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-news-success"></use>
                </svg>
                <div class="name">消息-成功</div>
                <div class="code-name">#icon-news-success</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-news-warn"></use>
                </svg>
                <div class="name">消息-警告</div>
                <div class="code-name">#icon-news-warn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-news-info"></use>
                </svg>
                <div class="name">消息-信息</div>
                <div class="code-name">#icon-news-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-news-failure"></use>
                </svg>
                <div class="name">消息-失败</div>
                <div class="code-name">#icon-news-failure</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-collaboration"></use>
                </svg>
                <div class="name">协同</div>
                <div class="code-name">#icon-collaboration</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-collaboration-system"></use>
                </svg>
                <div class="name">协同系统</div>
                <div class="code-name">#icon-collaboration-system</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-news"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-news</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-newspaper"></use>
                </svg>
                <div class="name">新闻报纸</div>
                <div class="code-name">#icon-newspaper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-judge"></use>
                </svg>
                <div class="name">研判锤子</div>
                <div class="code-name">#icon-judge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-man"></use>
                </svg>
                <div class="name">用户-男</div>
                <div class="code-name">#icon-user-man</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-women"></use>
                </svg>
                <div class="name">用户-女</div>
                <div class="code-name">#icon-user-women</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circler-layout"></use>
                </svg>
                <div class="name">圆形布局</div>
                <div class="code-name">#icon-circler-layout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud-search"></use>
                </svg>
                <div class="name">云搜系统</div>
                <div class="code-name">#icon-cloud-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paste"></use>
                </svg>
                <div class="name">粘贴</div>
                <div class="code-name">#icon-paste</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-internet"></use>
                </svg>
                <div class="name">站点网站互联网ie</div>
                <div class="code-name">#icon-internet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bill"></use>
                </svg>
                <div class="name">账单</div>
                <div class="code-name">#icon-bill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pay-jingdong"></use>
                </svg>
                <div class="name">支付-京东</div>
                <div class="code-name">#icon-pay-jingdong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pay-taobao"></use>
                </svg>
                <div class="name">支付-淘宝</div>
                <div class="code-name">#icon-pay-taobao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-union-pay"></use>
                </svg>
                <div class="name">支付-银联</div>
                <div class="code-name">#icon-union-pay</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alipay"></use>
                </svg>
                <div class="name">支付-支付宝</div>
                <div class="code-name">#icon-alipay</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fingerprint"></use>
                </svg>
                <div class="name">指纹</div>
                <div class="code-name">#icon-fingerprint</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-teamwork"></use>
                </svg>
                <div class="name">组织合作协作</div>
                <div class="code-name">#icon-teamwork</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-organiz"></use>
                </svg>
                <div class="name">组织群体</div>
                <div class="code-name">#icon-organiz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baby-child"></use>
                </svg>
                <div class="name">婴儿-儿童</div>
                <div class="code-name">#icon-baby-child</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-thief"></use>
                </svg>
                <div class="name">小偷-逃犯</div>
                <div class="code-name">#icon-thief</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-corpse"></use>
                </svg>
                <div class="name">尸体</div>
                <div class="code-name">#icon-corpse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Tandem"></use>
                </svg>
                <div class="name">串并</div>
                <div class="code-name">#icon-Tandem</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-relation"></use>
                </svg>
                <div class="name">关系</div>
                <div class="code-name">#icon-relation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-palm"></use>
                </svg>
                <div class="name">手掌</div>
                <div class="code-name">#icon-palm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dna"></use>
                </svg>
                <div class="name">DNA</div>
                <div class="code-name">#icon-dna</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-synthetic-combat"></use>
                </svg>
                <div class="name">合成作战</div>
                <div class="code-name">#icon-synthetic-combat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-area-map"></use>
                </svg>
                <div class="name">区域地图</div>
                <div class="code-name">#icon-area-map</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sign-review"></use>
                </svg>
                <div class="name">签字审核</div>
                <div class="code-name">#icon-sign-review</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-organization"></use>
                </svg>
                <div class="name">团伙群体</div>
                <div class="code-name">#icon-organization</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cooperation"></use>
                </svg>
                <div class="name">合作握手</div>
                <div class="code-name">#icon-cooperation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-case-file"></use>
                </svg>
                <div class="name">案件档案</div>
                <div class="code-name">#icon-case-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-accurate-search"></use>
                </svg>
                <div class="name">精确搜索查询</div>
                <div class="code-name">#icon-accurate-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-victim"></use>
                </svg>
                <div class="name">受害遇害</div>
                <div class="code-name">#icon-victim</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-id-card"></use>
                </svg>
                <div class="name">资料身份证档案</div>
                <div class="code-name">#icon-id-card</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rss"></use>
                </svg>
                <div class="name">rss</div>
                <div class="code-name">#icon-rss</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-usb"></use>
                </svg>
                <div class="name">USB</div>
                <div class="code-name">#icon-usb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wifi"></use>
                </svg>
                <div class="name">wifi</div>
                <div class="code-name">#icon-wifi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bus"></use>
                </svg>
                <div class="name">巴士车</div>
                <div class="code-name">#icon-bus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bullseye"></use>
                </svg>
                <div class="name">靶心</div>
                <div class="code-name">#icon-bullseye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-percentage"></use>
                </svg>
                <div class="name">百分号</div>
                <div class="code-name">#icon-percentage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wrench"></use>
                </svg>
                <div class="name">扳手</div>
                <div class="code-name">#icon-wrench</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-num-list"></use>
                </svg>
                <div class="name">编号列表</div>
                <div class="code-name">#icon-num-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-note"></use>
                </svg>
                <div class="name">便签</div>
                <div class="code-name">#icon-note</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tag"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-tag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tags"></use>
                </svg>
                <div class="name">标签组</div>
                <div class="code-name">#icon-tags</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sheet"></use>
                </svg>
                <div class="name">表格</div>
                <div class="code-name">#icon-sheet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-four-squares"></use>
                </svg>
                <div class="name">表格2</div>
                <div class="code-name">#icon-four-squares</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nine-squares"></use>
                </svg>
                <div class="name">表格3</div>
                <div class="code-name">#icon-nine-squares</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pie-chart"></use>
                </svg>
                <div class="name">饼图</div>
                <div class="code-name">#icon-pie-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-play"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#icon-play</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-inside-play"></use>
                </svg>
                <div class="name">播放2</div>
                <div class="code-name">#icon-inside-play</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-doctor-hat"></use>
                </svg>
                <div class="name">博士帽</div>
                <div class="code-name">#icon-doctor-hat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-crop"></use>
                </svg>
                <div class="name">裁剪</div>
                <div class="code-name">#icon-crop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tableware"></use>
                </svg>
                <div class="name">餐具</div>
                <div class="code-name">#icon-tableware</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-insert-top"></use>
                </svg>
                <div class="name">插入符-上</div>
                <div class="code-name">#icon-insert-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-insert-bottom"></use>
                </svg>
                <div class="name">插入符-下</div>
                <div class="code-name">#icon-insert-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-insert-right"></use>
                </svg>
                <div class="name">插入符-右</div>
                <div class="code-name">#icon-insert-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-insert-left"></use>
                </svg>
                <div class="name">插入符-左</div>
                <div class="code-name">#icon-insert-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plug"></use>
                </svg>
                <div class="name">插头</div>
                <div class="code-name">#icon-plug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-inquiry"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-inquiry</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zoomout"></use>
                </svg>
                <div class="name">查询-</div>
                <div class="code-name">#icon-zoomout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enlarge"></use>
                </svg>
                <div class="name">查询+</div>
                <div class="code-name">#icon-enlarge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-badreview"></use>
                </svg>
                <div class="name">差评2</div>
                <div class="code-name">#icon-badreview</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-recall"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#icon-recall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-multiply"></use>
                </svg>
                <div class="name">乘号</div>
                <div class="code-name">#icon-multiply</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gearset"></use>
                </svg>
                <div class="name">齿轮设置</div>
                <div class="code-name">#icon-gearset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gearmore"></use>
                </svg>
                <div class="name">齿轮组</div>
                <div class="code-name">#icon-gearmore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bedbug"></use>
                </svg>
                <div class="name">臭虫bug</div>
                <div class="code-name">#icon-bedbug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taxi"></use>
                </svg>
                <div class="name">出租车</div>
                <div class="code-name">#icon-taxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fax"></use>
                </svg>
                <div class="name">传真</div>
                <div class="code-name">#icon-fax</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bed"></use>
                </svg>
                <div class="name">床</div>
                <div class="code-name">#icon-bed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hammer"></use>
                </svg>
                <div class="name">槌子</div>
                <div class="code-name">#icon-hammer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-print"></use>
                </svg>
                <div class="name">打印</div>
                <div class="code-name">#icon-print</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-university"></use>
                </svg>
                <div class="name">大学</div>
                <div class="code-name">#icon-university</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-code-branch"></use>
                </svg>
                <div class="name">代码-分支</div>
                <div class="code-name">#icon-code-branch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mono-top"></use>
                </svg>
                <div class="name">单角符-上</div>
                <div class="code-name">#icon-mono-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mono-bottom"></use>
                </svg>
                <div class="name">单角符-下</div>
                <div class="code-name">#icon-mono-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mono-right"></use>
                </svg>
                <div class="name">单角符-右</div>
                <div class="code-name">#icon-mono-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mono-left"></use>
                </svg>
                <div class="name">单角符-左</div>
                <div class="code-name">#icon-mono-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pop"></use>
                </svg>
                <div class="name">弹出</div>
                <div class="code-name">#icon-pop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-archive"></use>
                </svg>
                <div class="name">档案</div>
                <div class="code-name">#icon-archive</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-login"></use>
                </svg>
                <div class="name">登录</div>
                <div class="code-name">#icon-login</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dropper"></use>
                </svg>
                <div class="name">滴管</div>
                <div class="code-name">#icon-dropper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-earth"></use>
                </svg>
                <div class="name">地球</div>
                <div class="code-name">#icon-earth</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-subway"></use>
                </svg>
                <div class="name">地铁</div>
                <div class="code-name">#icon-subway</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#icon-map</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-thumbtack"></use>
                </svg>
                <div class="name">地图-图钉</div>
                <div class="code-name">#icon-map-thumbtack</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-indicator"></use>
                </svg>
                <div class="name">地图-指示牌</div>
                <div class="code-name">#icon-map-indicator</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-light"></use>
                </svg>
                <div class="name">电灯</div>
                <div class="code-name">#icon-light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-call"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-call</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tv"></use>
                </svg>
                <div class="name">电视-显示器</div>
                <div class="code-name">#icon-tv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-film"></use>
                </svg>
                <div class="name">电影</div>
                <div class="code-name">#icon-film</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-power"></use>
                </svg>
                <div class="name">电源-关</div>
                <div class="code-name">#icon-power</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ok"></use>
                </svg>
                <div class="name">对号</div>
                <div class="code-name">#icon-ok</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shield"></use>
                </svg>
                <div class="name">盾牌</div>
                <div class="code-name">#icon-shield</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-children"></use>
                </svg>
                <div class="name">儿童</div>
                <div class="code-name">#icon-children</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qrcode"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#icon-qrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-direction"></use>
                </svg>
                <div class="name">方向</div>
                <div class="code-name">#icon-direction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkbox-off"></use>
                </svg>
                <div class="name">方形</div>
                <div class="code-name">#icon-checkbox-off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkbox-on"></use>
                </svg>
                <div class="name">方形2</div>
                <div class="code-name">#icon-checkbox-on</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-airplane"></use>
                </svg>
                <div class="name">飞机</div>
                <div class="code-name">#icon-airplane</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-redo"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-redo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-server"></use>
                </svg>
                <div class="name">服务器</div>
                <div class="code-name">#icon-server</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkbox-ok"></use>
                </svg>
                <div class="name">复选框</div>
                <div class="code-name">#icon-checkbox-ok</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-copy-rect"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#icon-copy-rect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-high-road"></use>
                </svg>
                <div class="name">公路</div>
                <div class="code-name">#icon-high-road</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-briefcase"></use>
                </svg>
                <div class="name">公文包</div>
                <div class="code-name">#icon-briefcase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-row"></use>
                </svg>
                <div class="name">功能</div>
                <div class="code-name">#icon-row</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-filter"></use>
                </svg>
                <div class="name">过滤器</div>
                <div class="code-name">#icon-filter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-like"></use>
                </svg>
                <div class="name">好评2</div>
                <div class="code-name">#icon-like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-backward"></use>
                </svg>
                <div class="name">后退</div>
                <div class="code-name">#icon-backward</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-prev"></use>
                </svg>
                <div class="name">后退2</div>
                <div class="code-name">#icon-prev</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-slider"></use>
                </svg>
                <div class="name">滑块</div>
                <div class="code-name">#icon-slider</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-work-card"></use>
                </svg>
                <div class="name">徽章</div>
                <div class="code-name">#icon-work-card</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-undo"></use>
                </svg>
                <div class="name">回复</div>
                <div class="code-name">#icon-undo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-reply"></use>
                </svg>
                <div class="name">回复-全部</div>
                <div class="code-name">#icon-reply</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-train"></use>
                </svg>
                <div class="name">火车</div>
                <div class="code-name">#icon-train</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rocket"></use>
                </svg>
                <div class="name">火箭</div>
                <div class="code-name">#icon-rocket</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-survival"></use>
                </svg>
                <div class="name">急救箱</div>
                <div class="code-name">#icon-survival</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus-fill"></use>
                </svg>
                <div class="name">加号</div>
                <div class="code-name">#icon-plus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus-border"></use>
                </svg>
                <div class="name">加号2</div>
                <div class="code-name">#icon-plus-border</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus"></use>
                </svg>
                <div class="name">加号3</div>
                <div class="code-name">#icon-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-loading"></use>
                </svg>
                <div class="name">加载</div>
                <div class="code-name">#icon-loading</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-credentials"></use>
                </svg>
                <div class="name">驾照</div>
                <div class="code-name">#icon-credentials</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minus-fill"></use>
                </svg>
                <div class="name">减号</div>
                <div class="code-name">#icon-minus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minus-border"></use>
                </svg>
                <div class="name">减号2</div>
                <div class="code-name">#icon-minus-border</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minus"></use>
                </svg>
                <div class="name">减号3</div>
                <div class="code-name">#icon-minus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-copy"></use>
                </svg>
                <div class="name">剪切板</div>
                <div class="code-name">#icon-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-building"></use>
                </svg>
                <div class="name">建筑</div>
                <div class="code-name">#icon-building</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-keyborad"></use>
                </svg>
                <div class="name">键盘</div>
                <div class="code-name">#icon-keyborad</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-link-arrow-v"></use>
                </svg>
                <div class="name">箭头-上下</div>
                <div class="code-name">#icon-link-arrow-v</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-move"></use>
                </svg>
                <div class="name">箭头-拖动</div>
                <div class="code-name">#icon-move</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-link-arrow-h"></use>
                </svg>
                <div class="name">箭头-左右</div>
                <div class="code-name">#icon-link-arrow-h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-trophy"></use>
                </svg>
                <div class="name">奖杯</div>
                <div class="code-name">#icon-trophy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fall"></use>
                </svg>
                <div class="name">降级</div>
                <div class="code-name">#icon-fall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-exchange"></use>
                </svg>
                <div class="name">交换</div>
                <div class="code-name">#icon-exchange</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-where"></use>
                </svg>
                <div class="name">街景</div>
                <div class="code-name">#icon-where</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lock-off-v2"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#icon-lock-off-v2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lock-off"></use>
                </svg>
                <div class="name">解锁2</div>
                <div class="code-name">#icon-lock-off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-no"></use>
                </svg>
                <div class="name">禁止</div>
                <div class="code-name">#icon-no</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-number-sign"></use>
                </svg>
                <div class="name">井号</div>
                <div class="code-name">#icon-number-sign</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ambulance"></use>
                </svg>
                <div class="name">救护车</div>
                <div class="code-name">#icon-ambulance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-life-buoy"></use>
                </svg>
                <div class="name">救生圈</div>
                <div class="code-name">#icon-life-buoy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-coffee"></use>
                </svg>
                <div class="name">咖啡</div>
                <div class="code-name">#icon-coffee</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-truck"></use>
                </svg>
                <div class="name">卡车</div>
                <div class="code-name">#icon-truck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-next-step"></use>
                </svg>
                <div class="name">快进</div>
                <div class="code-name">#icon-next-step</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-prev-step"></use>
                </svg>
                <div class="name">快退</div>
                <div class="code-name">#icon-prev-step</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-speaker"></use>
                </svg>
                <div class="name">扩音器</div>
                <div class="code-name">#icon-speaker</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete"></use>
                </svg>
                <div class="name">垃圾桶2</div>
                <div class="code-name">#icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bluetooth"></use>
                </svg>
                <div class="name">蓝牙</div>
                <div class="code-name">#icon-bluetooth</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gift"></use>
                </svg>
                <div class="name">礼物</div>
                <div class="code-name">#icon-gift</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-history"></use>
                </svg>
                <div class="name">历史记录</div>
                <div class="code-name">#icon-history</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-component"></use>
                </svg>
                <div class="name">立方体</div>
                <div class="code-name">#icon-component</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-components"></use>
                </svg>
                <div class="name">立方体组</div>
                <div class="code-name">#icon-components</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-link"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#icon-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-link-off"></use>
                </svg>
                <div class="name">链接-断开</div>
                <div class="code-name">#icon-link-off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-columns"></use>
                </svg>
                <div class="name">列</div>
                <div class="code-name">#icon-columns</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-list-v4"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-list-v4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-list-v3"></use>
                </svg>
                <div class="name">列表2</div>
                <div class="code-name">#icon-list-v3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-list-v2"></use>
                </svg>
                <div class="name">列表3</div>
                <div class="code-name">#icon-list-v2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bell"></use>
                </svg>
                <div class="name">铃声</div>
                <div class="code-name">#icon-bell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bell-off"></use>
                </svg>
                <div class="name">铃声-静音</div>
                <div class="code-name">#icon-bell-off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ship"></use>
                </svg>
                <div class="name">轮船</div>
                <div class="code-name">#icon-ship</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lightning"></use>
                </svg>
                <div class="name">螺栓</div>
                <div class="code-name">#icon-lightning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mic-on"></use>
                </svg>
                <div class="name">麦克风</div>
                <div class="code-name">#icon-mic-on</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mic-off"></use>
                </svg>
                <div class="name">麦克风-静音</div>
                <div class="code-name">#icon-mic-off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anchor"></use>
                </svg>
                <div class="name">地图锚</div>
                <div class="code-name">#icon-anchor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-name-card"></use>
                </svg>
                <div class="name">名片</div>
                <div class="code-name">#icon-name-card</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-magic"></use>
                </svg>
                <div class="name">魔术棒</div>
                <div class="code-name">#icon-magic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gentleman"></use>
                </svg>
                <div class="name">男士</div>
                <div class="code-name">#icon-gentleman</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-men"></use>
                </svg>
                <div class="name">男性</div>
                <div class="code-name">#icon-men</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anonymous"></use>
                </svg>
                <div class="name">匿名用户</div>
                <div class="code-name">#icon-anonymous</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lady"></use>
                </svg>
                <div class="name">女士</div>
                <div class="code-name">#icon-lady</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-women"></use>
                </svg>
                <div class="name">女性</div>
                <div class="code-name">#icon-women</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sort"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-sort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sort-down"></use>
                </svg>
                <div class="name">排序-降序</div>
                <div class="code-name">#icon-sort-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sort-up"></use>
                </svg>
                <div class="name">排序-升序</div>
                <div class="code-name">#icon-sort-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sort-desc"></use>
                </svg>
                <div class="name">排序-数量降序</div>
                <div class="code-name">#icon-sort-desc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sort-asc"></use>
                </svg>
                <div class="name">排序-数量升序</div>
                <div class="code-name">#icon-sort-asc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ticket"></use>
                </svg>
                <div class="name">票</div>
                <div class="code-name">#icon-ticket</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pad"></use>
                </svg>
                <div class="name">平板电脑</div>
                <div class="code-name">#icon-pad</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-comment-v2"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-comment-v2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-comment"></use>
                </svg>
                <div class="name">评论2</div>
                <div class="code-name">#icon-comment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chat"></use>
                </svg>
                <div class="name">评论组</div>
                <div class="code-name">#icon-chat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chat-border"></use>
                </svg>
                <div class="name">评论组2</div>
                <div class="code-name">#icon-chat-border</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-flag"></use>
                </svg>
                <div class="name">旗帜</div>
                <div class="code-name">#icon-flag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pencil"></use>
                </svg>
                <div class="name">铅笔</div>
                <div class="code-name">#icon-pencil</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-go"></use>
                </svg>
                <div class="name">前进</div>
                <div class="code-name">#icon-go</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-next"></use>
                </svg>
                <div class="name">前进2</div>
                <div class="code-name">#icon-next</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-full"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rmb"></use>
                </svg>
                <div class="name">人民币</div>
                <div class="code-name">#icon-rmb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bold-arrow-up"></use>
                </svg>
                <div class="name">人字形-上</div>
                <div class="code-name">#icon-bold-arrow-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bold-arrow-down"></use>
                </svg>
                <div class="name">人字形-下</div>
                <div class="code-name">#icon-bold-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bold-arrow-right"></use>
                </svg>
                <div class="name">人字形-右</div>
                <div class="code-name">#icon-bold-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bold-arrow-left"></use>
                </svg>
                <div class="name">人字形-左</div>
                <div class="code-name">#icon-bold-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gantt"></use>
                </svg>
                <div class="name">任务</div>
                <div class="code-name">#icon-gantt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-calendar-v2"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-calendar-v2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-calendar"></use>
                </svg>
                <div class="name">日历2</div>
                <div class="code-name">#icon-calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-upload"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-flask"></use>
                </svg>
                <div class="name">烧瓶</div>
                <div class="code-name">#icon-flask</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-vcr"></use>
                </svg>
                <div class="name">摄像机</div>
                <div class="code-name">#icon-vcr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rise"></use>
                </svg>
                <div class="name">升级</div>
                <div class="code-name">#icon-rise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-clock"></use>
                </svg>
                <div class="name">时钟</div>
                <div class="code-name">#icon-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-inbox"></use>
                </svg>
                <div class="name">收件箱</div>
                <div class="code-name">#icon-inbox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mid"></use>
                </svg>
                <div class="name">收起</div>
                <div class="code-name">#icon-mid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bag-v2"></use>
                </svg>
                <div class="name">手提包</div>
                <div class="code-name">#icon-bag-v2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bag"></use>
                </svg>
                <div class="name">手提箱</div>
                <div class="code-name">#icon-bag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-home"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-book"></use>
                </svg>
                <div class="name">书籍</div>
                <div class="code-name">#icon-book</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bookmark"></use>
                </svg>
                <div class="name">书签</div>
                <div class="code-name">#icon-bookmark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-indicator"></use>
                </svg>
                <div class="name">鼠标指针</div>
                <div class="code-name">#icon-indicator</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-database"></use>
                </svg>
                <div class="name">数据库</div>
                <div class="code-name">#icon-database</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-double-arrow-up"></use>
                </svg>
                <div class="name">双角符-上</div>
                <div class="code-name">#icon-double-arrow-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-double-arrow-down"></use>
                </svg>
                <div class="name">双角符-下</div>
                <div class="code-name">#icon-double-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-double-arrow-right"></use>
                </svg>
                <div class="name">双角符-右</div>
                <div class="code-name">#icon-double-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-double-arrow-left"></use>
                </svg>
                <div class="name">双角符-左</div>
                <div class="code-name">#icon-double-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-random"></use>
                </svg>
                <div class="name">随机</div>
                <div class="code-name">#icon-random</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-indent-remove"></use>
                </svg>
                <div class="name">缩进-减</div>
                <div class="code-name">#icon-indent-remove</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lock"></use>
                </svg>
                <div class="name">锁定</div>
                <div class="code-name">#icon-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-warning"></use>
                </svg>
                <div class="name">叹号</div>
                <div class="code-name">#icon-warning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-careful"></use>
                </svg>
                <div class="name">叹号2</div>
                <div class="code-name">#icon-careful</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-drip"></use>
                </svg>
                <div class="name">填色</div>
                <div class="code-name">#icon-drip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bar-code"></use>
                </svg>
                <div class="name">条形码</div>
                <div class="code-name">#icon-bar-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-adjust"></use>
                </svg>
                <div class="name">调整</div>
                <div class="code-name">#icon-adjust</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-check"></use>
                </svg>
                <div class="name">听诊器</div>
                <div class="code-name">#icon-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stop"></use>
                </svg>
                <div class="name">停止</div>
                <div class="code-name">#icon-stop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stop-circle"></use>
                </svg>
                <div class="name">停止2</div>
                <div class="code-name">#icon-stop-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-address-book"></use>
                </svg>
                <div class="name">通讯录</div>
                <div class="code-name">#icon-address-book</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chart-bar"></use>
                </svg>
                <div class="name">图表</div>
                <div class="code-name">#icon-chart-bar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pin"></use>
                </svg>
                <div class="name">图钉</div>
                <div class="code-name">#icon-pin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-exit"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-exit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chip"></use>
                </svg>
                <div class="name">微芯片</div>
                <div class="code-name">#icon-chip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-file"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folder"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folder-open"></use>
                </svg>
                <div class="name">文件夹-打开</div>
                <div class="code-name">#icon-folder-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-file-text"></use>
                </svg>
                <div class="name">文件-文本</div>
                <div class="code-name">#icon-file-text</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-files"></use>
                </svg>
                <div class="name">文件组</div>
                <div class="code-name">#icon-files</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-question"></use>
                </svg>
                <div class="name">问号</div>
                <div class="code-name">#icon-question</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-download"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chart-trend"></use>
                </svg>
                <div class="name">线图</div>
                <div class="code-name">#icon-chart-trend</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-camera"></use>
                </svg>
                <div class="name">相机</div>
                <div class="code-name">#icon-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-camera-old"></use>
                </svg>
                <div class="name">相机-旧式</div>
                <div class="code-name">#icon-camera-old</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-list"></use>
                </svg>
                <div class="name">项目列表</div>
                <div class="code-name">#icon-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-car-v2"></use>
                </svg>
                <div class="name">小汽车</div>
                <div class="code-name">#icon-car-v2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-heart"></use>
                </svg>
                <div class="name">心形</div>
                <div class="code-name">#icon-heart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-envelope"></use>
                </svg>
                <div class="name">信封</div>
                <div class="code-name">#icon-envelope</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-envelope-open"></use>
                </svg>
                <div class="name">信封2</div>
                <div class="code-name">#icon-envelope-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-signal"></use>
                </svg>
                <div class="name">信号</div>
                <div class="code-name">#icon-signal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-message"></use>
                </svg>
                <div class="name">信息</div>
                <div class="code-name">#icon-message</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-card-solid"></use>
                </svg>
                <div class="name">信用卡</div>
                <div class="code-name">#icon-card-solid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-card"></use>
                </svg>
                <div class="name">信用卡2</div>
                <div class="code-name">#icon-card</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mi"></use>
                </svg>
                <div class="name">星号</div>
                <div class="code-name">#icon-mi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-star-on"></use>
                </svg>
                <div class="name">星形</div>
                <div class="code-name">#icon-star-on</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-star-half"></use>
                </svg>
                <div class="name">星形半颗</div>
                <div class="code-name">#icon-star-half</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-visible"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#icon-visible</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-invisible"></use>
                </svg>
                <div class="name">眼睛-斜线</div>
                <div class="code-name">#icon-invisible</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-phone"></use>
                </svg>
                <div class="name">移动设备手机</div>
                <div class="code-name">#icon-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-music"></use>
                </svg>
                <div class="name">音乐</div>
                <div class="code-name">#icon-music</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-soound-min"></use>
                </svg>
                <div class="name">音量-低</div>
                <div class="code-name">#icon-soound-min</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sound-max"></use>
                </svg>
                <div class="name">音量-高</div>
                <div class="code-name">#icon-sound-max</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mute"></use>
                </svg>
                <div class="name">音量-关</div>
                <div class="code-name">#icon-mute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sound"></use>
                </svg>
                <div class="name">音量控制</div>
                <div class="code-name">#icon-sound</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-doctor"></use>
                </svg>
                <div class="name">用户-医生</div>
                <div class="code-name">#icon-doctor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-group"></use>
                </svg>
                <div class="name">用户组</div>
                <div class="code-name">#icon-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-umbrella"></use>
                </svg>
                <div class="name">雨伞</div>
                <div class="code-name">#icon-umbrella</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-double-circle"></use>
                </svg>
                <div class="name">圆点</div>
                <div class="code-name">#icon-double-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-radio-on"></use>
                </svg>
                <div class="name">圆形</div>
                <div class="code-name">#icon-radio-on</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-radio-off"></use>
                </svg>
                <div class="name">圆形2</div>
                <div class="code-name">#icon-radio-off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud"></use>
                </svg>
                <div class="name">云端</div>
                <div class="code-name">#icon-cloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud-link"></use>
                </svg>
                <div class="name">云端链接</div>
                <div class="code-name">#icon-cloud-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud-upload"></use>
                </svg>
                <div class="name">云端上传</div>
                <div class="code-name">#icon-cloud-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud-download"></use>
                </svg>
                <div class="name">云端下载</div>
                <div class="code-name">#icon-cloud-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pause"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#icon-pause</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pause-circle"></use>
                </svg>
                <div class="name">暂停2</div>
                <div class="code-name">#icon-pause-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-expand"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#icon-expand</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-warplane"></use>
                </svg>
                <div class="name">战斗机</div>
                <div class="code-name">#icon-warplane</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-org"></use>
                </svg>
                <div class="name">站点地图</div>
                <div class="code-name">#icon-org</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-up"></use>
                </svg>
                <div class="name">长箭头-上</div>
                <div class="code-name">#icon-arrow-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right"></use>
                </svg>
                <div class="name">长箭头-右</div>
                <div class="code-name">#icon-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-down"></use>
                </svg>
                <div class="name">长箭头-下</div>
                <div class="code-name">#icon-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chart-line"></use>
                </svg>
                <div class="name">折线图</div>
                <div class="code-name">#icon-chart-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-reset"></use>
                </svg>
                <div class="name">重做</div>
                <div class="code-name">#icon-reset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pc"></use>
                </svg>
                <div class="name">桌面-电脑</div>
                <div class="code-name">#icon-pc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-loop"></use>
                </svg>
                <div class="name">转发</div>
                <div class="code-name">#icon-loop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-target"></use>
                </svg>
                <div class="name">准星</div>
                <div class="code-name">#icon-target</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-left"></use>
                </svg>
                <div class="name">长箭头-左</div>
                <div class="code-name">#icon-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paper"></use>
                </svg>
                <div class="name">纸飞机</div>
                <div class="code-name">#icon-paper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashboard"></use>
                </svg>
                <div class="name">转速表</div>
                <div class="code-name">#icon-dashboard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-compass"></use>
                </svg>
                <div class="name">指南针</div>
                <div class="code-name">#icon-compass</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hospital"></use>
                </svg>
                <div class="name">医院</div>
                <div class="code-name">#icon-hospital</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-notebook"></use>
                </svg>
                <div class="name">笔记本电脑</div>
                <div class="code-name">#icon-notebook</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rank"></use>
                </svg>
                <div class="name">排名</div>
                <div class="code-name">#icon-rank</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-car"></use>
                </svg>
                <div class="name">小轿车</div>
                <div class="code-name">#icon-car</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bike"></use>
                </svg>
                <div class="name">自行车</div>
                <div class="code-name">#icon-bike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moto"></use>
                </svg>
                <div class="name">摩托车</div>
                <div class="code-name">#icon-moto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wechat"></use>
                </svg>
                <div class="name">社交微信</div>
                <div class="code-name">#icon-wechat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-audio"></use>
                </svg>
                <div class="name">音频</div>
                <div class="code-name">#icon-audio</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cuff"></use>
                </svg>
                <div class="name">手铐</div>
                <div class="code-name">#icon-cuff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-prison"></use>
                </svg>
                <div class="name">监狱</div>
                <div class="code-name">#icon-prison</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-police"></use>
                </svg>
                <div class="name">警察</div>
                <div class="code-name">#icon-police</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-window-max"></use>
                </svg>
                <div class="name">窗体-窗口化-细</div>
                <div class="code-name">#icon-window-max</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-window-min"></use>
                </svg>
                <div class="name">窗体-窗体化-细</div>
                <div class="code-name">#icon-window-min</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-window-close"></use>
                </svg>
                <div class="name">窗体-关闭-细</div>
                <div class="code-name">#icon-window-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-window-normal"></use>
                </svg>
                <div class="name">窗体-窗口最大化-细</div>
                <div class="code-name">#icon-window-normal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-window-down"></use>
                </svg>
                <div class="name">窗体-折叠</div>
                <div class="code-name">#icon-window-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-window-up"></use>
                </svg>
                <div class="name">窗体-展开</div>
                <div class="code-name">#icon-window-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mbile"></use>
                </svg>
                <div class="name">电瓶车、电动车</div>
                <div class="code-name">#icon-mbile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cbox"></use>
                </svg>
                <div class="name">收集箱-箱子</div>
                <div class="code-name">#icon-cbox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sim"></use>
                </svg>
                <div class="name">SIM卡-手机卡-电话卡</div>
                <div class="code-name">#icon-sim</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-link"></use>
                </svg>
                <div class="name">地图连线2-竖</div>
                <div class="code-name">#icon-map-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stranger"></use>
                </svg>
                <div class="name">陌生人-男人</div>
                <div class="code-name">#icon-stranger</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suspect"></use>
                </svg>
                <div class="name">侦探、侦察、嫌疑人</div>
                <div class="code-name">#icon-suspect</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
